<template>
  <div class="todo">
    <div class="todo-text">{{ todo.content }}</div>
    <div v-if="todo.isFinished">✅</div>
    <button v-else>完成</button>
    <button>删除</button>
  </div>
</template>
<script setup>
  defineProps(['todo'])
</script>
<style scoped>
.todo {
  display: flex;
  flex-direction: row;
  border: 1px solid #eee;
  padding: 10px;
}

.todo-text {
  width: 200px;
}
</style>